<template>
<div class="hy-ability" :style="style.hyAbilityStyles">
        <div class="hy-ability-item" :style="style.hyAbilityItemStyle">
          <img
            alt=""
            src="https://gw.alipayobjects.com/zos/rmsportal/aWimbMGxabytxrRqcnEU.svg"
            :style="style.hyAbilityItemImgStyle"
          />
          <h3 :style="style.hyAbilityItemTitleStyle">能力输出</h3>
          <p :style="style.hyAbilityItemSubtitleStyle">
            支付、实名、信用、理财、大数据
          </p>
        </div>

        <div class="hy-ability-item" :style="style.hyAbilityItemStyle">
          <img
            alt=""
            src="https://gw.alipayobjects.com/zos/rmsportal/neNAdNbBxUbWpbUQIsJA.svg"
            :style="style.hyAbilityItemImgStyle"
          />
          <h3 :style="style.hyAbilityItemTitleStyle">政策扶持</h3>
          <p :style="style.hyAbilityItemSubtitleStyle">
            物料、返佣、品牌支持、运营收益
          </p>
        </div>

        <div class="hy-ability-item" :style="style.hyAbilityItemStyle">
          <img
            alt=""
            src="https://gw.alipayobjects.com/zos/rmsportal/SsStefBxcUWayMyktAwz.svg"
            :style="style.hyAbilityItemImgStyle"
          />
          <h3 :style="style.hyAbilityItemTitleStyle">资源整合</h3>
          <p :style="style.hyAbilityItemSubtitleStyle">
            门禁停车、智能家居、生活服务
          </p>
        </div>
      </div>
</template>


<script>
export default {
  name: 'AblityItems',

  components: {
  },

  data() {
    return {
      style: {
        hyAbilityStyles: {
          fontFamily: 'Microsoft YaHei',
          height: '223px',
          textAlign: 'center',
          background: '#fff',
        },
        hyAbilityItemStyle: {
          display: 'inline-block',
          width: '280px',
          margin: '38px 35px 0',
          verticalAlign: 'top',
        },
        hyAbilityItemImgStyle: {
          height: '62px',
        },
        hyAbilityItemTitleStyle: {
          fontSize: '20px',
          lineHeight: '26px',
          color: '#333',
          fontWeight: '400',
          margin: '18px 0 10px',
        },
        hyAbilityItemSubtitleStyle: {
          fontSize: '16px',
          color: '#999',
          lineHeight: '21px',
        },
      }
    }
  },

  created() {
  },

  methods: {}
}
</script>